<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@page import="com.solution.common.config.PublicConfig"%>
<%
	String basePath = PublicConfig.ROOT_PATH;
	String imgRootURL = PublicConfig.IMG_ROOT_URL;
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>合同</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta content="zh-cn" http-equiv="content-language" />
<meta content="" name="copyright" />
<link rel="stylesheet" type="text/css" href="<%=basePath%>/statics/css/style.css" />
<script type="text/javascript">
	//系统域名 
	var rootPath = '<%=basePath%>';
	// 系统上传文件展示域名
	var imgRootURL = '<%=imgRootURL%>';
</script>
</head>
<body>
<c:set var="rootPath" value="<%=basePath %>"></c:set>
<c:set var="imgRootURL" value="<%=imgRootURL %>"></c:set>
<div class="ht_wrap">
	<h1>南京景旭购销合同</h1>
    <h2>合同签订地点：南京市建邺区</h2>
    <div class="ht_dw">
    	<dl>
        	<dt>
            	<strong>甲方（采购方）:</strong>
                <p><input id="company_name" type="text" class="inputstyle1" value="${customer.companyInfo.companyName }" /></p>
            </dt>
            <dt>
            	<strong>乙方（供货方）:</strong>
                <p>南京景旭信息技术有限公司
                </p>
            </dt>
        </dl>
    </div>
    <div class="ht_tklist">
    	<dl>
        	<dt><strong>1.</strong><p>根据《合同法》及相关法律法规，甲乙双方就甲方向乙方定购货物达成本协议。</p>
            </dt>
            <dt><strong>2.</strong><p>甲方向乙方定购货物内容及价格参见附件。</p></dt>
            <dt><strong>3.</strong><p>甲方购买上述商品应向乙方支付货款总额为人民币（大写）：${realPayMoney }。</p></dt>
            <dt><strong>4.</strong><p>付款：甲方应在${paymentDays}个工作日内以乙方景旭商城定货系统认可的支付方式向乙方付款。</p></dt>
            <dt><strong>5.</strong><p>交货日期：乙方确认收到上述货款并审核通过甲方定单后，在1个工作日内发货。</p></dt>
            <dt><strong>6.</strong><p>物流方式：<u>${order.deliveryTypeName}</u>。</p></dt>
            <dt><strong>7.</strong><p>甲方收货地址为： <u>${order.provinceName}${order.cityName}${order.areaName}${order.streetName}${order.address}</u>。</p></dt>
            <dt><strong>8.</strong><p>风险及验货：甲方收货时，风险发生转移。甲方收货时对货物数量、型号、外包装情况存在异议的应书面提出，否则视为对前述情况不存在异议。甲方对产品质量的检验期为三天，期满未书面提出异议，视为对产品质量认可。</p></dt>
            <dt><strong>9.</strong><p>退换货：商品如有质量问题，甲方可在收到货物三天内向乙方提出退换货；商品如无质量，开箱后不能退换。</p></dt>
            <dt><strong>10.</strong><p>售后服务：按产品包装内售后服务标准执行，包装内无服务标准的，按法律规定执行。</p></dt>
            <dt><strong>11.</strong><p>合同取消：甲方付款后，如单方面取消合同，须向乙方支付不少于合同金额10%作为违约金。</p></dt>
            <dt><strong>12.</strong><p>争议管辖：合同签定地有管辖权的人民法院。</p></dt>
            <dt><strong>13.</strong><p>本合同一式两份，双方各执一份。自双方签章之日起生效。</p></dt>
        </dl>
    </div>
    <div class="ht_qianding_danwei">
    	<dl>
        	<dt>甲方：<u id="company_name_2">${customer.companyInfo.companyName }</u></dt>
            <dt>乙方：南京景旭信息技术有限公司</dt>
            <dt>代表人：<u>${customer.userName }</u></dt>
            <dt>代表人：<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u></dt>
            <dt>电话：<u>${customer.mobile }</u></dt>
            <dt>电话：<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u>传真：<u>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</u></dt>
            <dt>日期：<u>${currentDate } </u></dt>
            <dt>日期：<u>${currentDate }</u></dt>
            <dt style="width:100%;font-size:13px">传真：025-87787432 销售部：025-58933092；025-87747430；025-87747431 财务部：025-87787435</dt>
        </dl>
        <div class="zhang"><img src="${rootPath}/statics/images/jxdzz.png" /></div>
        <input type="hidden" id="current_date" value="${currentDate}" />
    </div>
    <div class="fj_part">
    	<div class="fj_head">
        	<h3>附件：</h3>
            <span>币种：人民币</span>
        </div>
        <div class="fj_body">
        <table>
        	<thead>
            	<tr>
                	<td style="width:30px">序号</td>
                    <td style="width:90px">产品名称</td>
                    <td style="width:140px">型号规格</td>
                    <td style="width:30px">单位</td>
                    <td style="width:30px">数量</td>
                    <td>原价<b>（元）</b></td>
                    <td>现价<b>（元）</b></td>
                    <td>小计<b>（元）</b></td>
                </tr>
            </thead>
            <tbody>
            	<c:forEach items="${orderDetailList }" var="product" varStatus="ind">
	            	<tr>
	                	<td>${ind.count }</td>
	                    <td style="text-align:left">${product.productCategoryName}</td>
	                    <td style="text-align:left">${product.productName}
	                    	【
	                    		<c:forEach items="${product.productSpecList }" var="spec">
	                    			${spec.specName} : ${spec.specValue }
	                    		</c:forEach>
	                    
	                    	】</td>
	                    <td>${product.productSalesUnitName }</td>
	                    <td>${product.buyNum }</td>
	                    <td><fmt:formatNumber type="number" value="${product.productPrice }" pattern="0.00" /></td>
	                    <td><fmt:formatNumber type="number" value="${product.productAdjustPrice }" pattern="0.00" /></td>
	                    <td><fmt:formatNumber type="number" value="${product.subTotalItemMoney }" pattern="0.00" /></td>
	                </tr>
                </c:forEach>
                <tr>
                	<td style="vertical-align:middle">其他</td>
                    <td colspan="7" style="text-align:left">配送费用：<u>+<fmt:formatNumber type="number" value="${order.deliveryFeeMoney }" pattern="0.00" />元</u><br/>人工调价：<u>-<fmt:formatNumber type="number" value="${adjustPriceMoney}" pattern="0.00" />元</u>(<b>包含对单个商品的调价</b>)</td>
                </tr>
                <tr>
                	<td style="vertical-align:middle">合计</td>
                    <td colspan="7" style="text-align:left">大写金额：<u>${realPayMoney }</u>（小写金额：<u id="real_pay_money"><fmt:formatNumber type="number" value="${order.realPayMoney}" pattern="0.00" /></u>元）</td>
                </tr>
            </tbody>
        </table>
        </div>
    </div>
    <div class="print_part">
    	<p><a id="btn_print_order" class="printBtn">打&nbsp;印</a></p>
    </div>
</div>
</body>
</html>
<script charset="utf-8" language="javascript" type="text/javascript" src="${rootPath}/statics/js/jquery.1.11.3.min.js"></script>
<script type="text/javascript" src="<%=basePath%>/statics/plugins/layer/layer.js"></script>
<script type="text/javascript">
	$(function(){
		// 打印订单
		$("#btn_print_order").click(function(){
			var name = $("#company_name").val();
			var real_pay_money = $("#real_pay_money").text();
			layer.alert('<p>甲方：<input id="myJiaCuName3" value="'+name+'"/></p><p>乙方：南京景旭信息技术有限公司</p><p>付款金额：¥'+real_pay_money+'</p><p>日期：'+$("#current_date").val()+'&nbsp;&nbsp;&nbsp;等信息！</p>', {
				  skin: 'layui-layer-lan',
				  title:'请确认以下信息',
				  shade: 0,
				  yes: function(index){
				  	var name3 = $.trim($('#myJiaCuName3').val());
				  	if(!name3){
				  		$('#myJiaCuName3').focus();
				  		return;
				  	}
				  	if(name != name3){
				  		$('#company_name').val(name3);
				  		$('#company_name_2').text(name3);
				  		$('#myJiaCuName').val(name3);
	    				$('#myJiaCuName2').html('&nbsp;'+name3+'&nbsp;');
	    				name = name3;
				  	}
				  	
				    layer.close(index);
				    $('#myJiaCuName').css({'border':'none', 'text-decoration':'underline','padding':'0px 2px'});
				    $(this).parent().hide();
				    window.print();
				    $(this).parent().show();
				    $('#myJiaCuName').removeAttr('style');
				  }
			});
		});
		
		$('#company_name').bind('input propertychange', function(){
			$("#company_name_2").html($(this).val());
		})
	});
</script>